﻿@{
    ViewBag.Title = "ShoppingCarList";
    Layout = "~/Views/Shared/_LayoutPageAll.cshtml";
}
@*页面中心内容*@
<div class="content clearfix">
    <div class="breadcrumbs">
        <h2 class="element-invisible">You are here</h2><div class="breadcrumb"><a href="/">返回主页</a> » 付款</div>
    </div>
    @*订单信息填写*@
    <div id="content" class="column left-content">
        <div class="section">                                                                                               
              <div class="region region-content">
                <div id="block-system-main" class="block block-system">
                    <div class="content">
                        <form class="uc-cart-checkout-form" action="/cart/checkout" method="post" id="uc-cart-checkout-form" accept-charset="UTF-8">
                            <div>
                                @*购物车信息显示*@
                                <fieldset class="form-wrapper" id="cart-pane">
                                    <legend><span class="fieldset-legend">清空购物车</span></legend><div class="fieldset-wrapper">
                                        <table class="cart-review sticky-enabled">
                                            <thead><tr><th class="qty"><abbr title="Quantity">数量</abbr></th><th class="products">商品名</th><th class="price">单价</th> </tr></thead>
                                            <tbody>
                                                <tr class="odd"><td class="qty">1 ×</td><td class="products"><a href="/product/convallis-sit-amet-tellus">convallis sit amet tellus</a></td><td class="price"><span class="uc-price">$16.45</span></td> </tr>
                                                <tr class="subtotal even"><td colspan="3" class="subtotal"><span id="subtotal-title">总计：</span> <span class="uc-price">$16.45</span></td> </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </fieldset>
                                @*反馈块*@
                                <fieldset class="form-wrapper" id="customer-pane">
                                    <legend><span class="fieldset-legend">客户信息</span></legend><div class="fieldset-wrapper">
                                        <div class="fieldset-description">输入一个有效的电子邮件地址为这个订单或<a href="注册.html?destination=cart/checkout">点击这里</a> 登录与现有的帐户和回归检验。</div>
                                          <div class="form-item form-type-textfield form-item-panes-customer-primary-email">
                                            <label for="edit-panes-customer-primary-email">E-mail 地址 <span class="form-required" title="This field is required.">*</span></label>
                                            <input type="text" id="edit-panes-customer-primary-email" name="panes[customer][primary_email]" value="" size="32" maxlength="64" class="form-text required" />
                                        </div>
                                    </div>
                                </fieldset>
                                @*收货信息块*@
                                <fieldset class="form-wrapper" id="delivery-pane">
                                    <legend><span class="fieldset-legend">收货地址</span></legend><div class="fieldset-wrapper">
                                        <div class="fieldset-description">在这里输入你的交货地址和信息。</div>
                                          <div id="delivery-address-pane">
                                            <div class="uc-store-address-field form-wrapper" id="edit-panes-delivery-address">
                                                <div class="form-item form-type-textfield form-item-panes-delivery-delivery-first-name">
                                                    <label for="edit-panes-delivery-delivery-first-name"><span class="form-required" title="This field is required.">*</span> 名称 </label>
                                                    <input type="text" id="edit-panes-delivery-delivery-first-name" name="panes[delivery][delivery_first_name]" value="" size="32" maxlength="128" class="form-text" />
                                                </div>
                                                <div class="form-item form-type-textfield form-item-panes-delivery-delivery-last-name">
                                                    <label for="edit-panes-delivery-delivery-last-name"><span class="form-required" title="This field is required.">*</span> 姓氏 </label>
                                                    <input type="text" id="edit-panes-delivery-delivery-last-name" name="panes[delivery][delivery_last_name]" value="" size="32" maxlength="128" class="form-text" />
                                                </div>
                                                <div class="form-item form-type-textfield form-item-panes-delivery-delivery-company">
                                                    <label for="edit-panes-delivery-delivery-company">公司 </label>
                                                    <input type="text" id="edit-panes-delivery-delivery-company" name="panes[delivery][delivery_company]" value="" size="32" maxlength="128" class="form-text" />
                                                </div>
                                                <div class="form-item form-type-textfield form-item-panes-delivery-delivery-street1">
                                                    <label for="edit-panes-delivery-delivery-street1"><span class="form-required" title="This field is required.">*</span> 街道地址 </label>
                                                    <input type="text" id="edit-panes-delivery-delivery-street1" name="panes[delivery][delivery_street1]" value="" size="32" maxlength="128" class="form-text" />
                                                </div>
                                                <div class="form-item form-type-textfield form-item-panes-delivery-delivery-street2">
                                                    <label for="edit-panes-delivery-delivery-street2">&nbsp; </label>
                                                    <input type="text" id="edit-panes-delivery-delivery-street2" name="panes[delivery][delivery_street2]" value="" size="32" maxlength="128" class="form-text" />
                                                </div>
                                                <div class="form-item form-type-textfield form-item-panes-delivery-delivery-city">
                                                    <label for="edit-panes-delivery-delivery-city"><span class="form-required" title="This field is required.">*</span> 城市 </label>
                                                    <input type="text" id="edit-panes-delivery-delivery-city" name="panes[delivery][delivery_city]" value="" size="32" maxlength="128" class="form-text" />
                                                </div>
                                                <div id="uc-store-address-delivery-zone-wrapper">
                                                    <div class="form-item form-type-select form-item-panes-delivery-delivery-zone">
                                                        <label for="edit-panes-delivery-delivery-zone"><span class="form-required" title="This field is required.">*</span> 省/自治区/直辖市 </label>
                                                        <select id="edit-panes-delivery-delivery-zone" name="panes[delivery][delivery_zone]" class="form-select"><option value="0" selected="selected">- Select -</option><option value="1">Alabama</option><option value="2">Alaska</option><option value="3">American Samoa</option><option value="4">Arizona</option><option value="5">Arkansas</option><option value="6">Armed Forces Africa</option><option value="7">Armed Forces Americas</option><option value="8">Armed Forces Canada</option><option value="9">Armed Forces Europe</option><option value="10">Armed Forces Middle East</option><option value="11">Armed Forces Pacific</option><option value="12">California</option><option value="13">Colorado</option><option value="14">Connecticut</option><option value="15">Delaware</option><option value="16">District of Columbia</option><option value="17">Federated States Of Micronesia</option><option value="18">Florida</option><option value="19">Georgia</option><option value="20">Guam</option><option value="21">Hawaii</option><option value="22">Idaho</option><option value="23">Illinois</option><option value="24">Indiana</option><option value="25">Iowa</option><option value="26">Kansas</option><option value="27">Kentucky</option><option value="28">Louisiana</option><option value="29">Maine</option><option value="30">Marshall Islands</option><option value="31">Maryland</option><option value="32">Massachusetts</option><option value="33">Michigan</option><option value="34">Minnesota</option><option value="35">Mississippi</option><option value="36">Missouri</option><option value="37">Montana</option><option value="38">Nebraska</option><option value="39">Nevada</option><option value="40">New Hampshire</option><option value="41">New Jersey</option><option value="42">New Mexico</option><option value="43">New York</option><option value="44">North Carolina</option><option value="45">North Dakota</option><option value="46">Northern Mariana Islands</option><option value="47">Ohio</option><option value="48">Oklahoma</option><option value="49">Oregon</option><option value="50">Palau</option><option value="51">Pennsylvania</option><option value="52">Puerto Rico</option><option value="53">Rhode Island</option><option value="54">South Carolina</option><option value="55">South Dakota</option><option value="56">Tennessee</option><option value="57">Texas</option><option value="58">Utah</option><option value="59">Vermont</option><option value="61">Virginia</option><option value="60">Virgin Islands</option><option value="62">Washington</option><option value="63">West Virginia</option><option value="64">Wisconsin</option><option value="65">Wyoming</option></select>
                                                    </div>
                                                </div><div class="form-item form-type-select form-item-panes-delivery-delivery-country">
                                                    <label for="edit-panes-delivery-delivery-country"><span class="form-required" title="This field is required.">*</span> 国家 </label>
                                                    <select id="edit-panes-delivery-delivery-country" name="panes[delivery][delivery_country]" class="form-select"><option value="124">Canada</option><option value="840" selected="selected">United States</option></select>
                                                </div>
                                                <div class="form-item form-type-textfield form-item-panes-delivery-delivery-postal-code">
                                                    <label for="edit-panes-delivery-delivery-postal-code"><span class="form-required" title="This field is required.">*</span> 邮政编码 </label>
                                                    <input type="text" id="edit-panes-delivery-delivery-postal-code" name="panes[delivery][delivery_postal_code]" value="" size="10" maxlength="10" class="form-text" />
                                                </div>
                                                <div class="form-item form-type-textfield form-item-panes-delivery-delivery-phone">
                                                    <label for="edit-panes-delivery-delivery-phone">电话号码 </label>
                                                    <input type="text" id="edit-panes-delivery-delivery-phone" name="panes[delivery][delivery_phone]" value="" size="16" maxlength="32" class="form-text" />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </fieldset>
                                @*账单信息*@
                                <fieldset class="form-wrapper" id="payment-pane">
                                    <legend><span class="fieldset-legend">付款方式</span></legend><div class="fieldset-wrapper">
                                        <div id="line-items-div"><table id="uc-order-total-preview"><tr><td class="title">合计:</td><td class="price"><span class="uc-price">$16.45</span></td></tr><tr><td class="title">购物车总计:</td><td class="price"><span class="uc-price">$16.45</span></td></tr></table></div><div class="form-item form-type-radios form-item-panes-payment-payment-method form-disabled">

                                            <div id="edit-panes-payment-payment-method" class="form-radios">
                                                <div class="form-item form-type-radio form-item-panes-payment-payment-method form-disabled">
                                                    <input disabled="disabled" type="radio" id="edit-panes-payment-payment-method-paypal-wps" name="panes[payment][payment_method]" value="paypal-wps" checked="checked" class="form-radio" />  <label class="option" for="edit-panes-payment-payment-method-paypal-wps"><img src="https://www.paypal.com/en_US/i/logo/PayPal_mark_37x23.gif" alt="PayPal" class="uc-credit-cctype" /> 贝宝,支付没有分享你的财务信息<br /><span id="paypal-includes">包括: <img class="uc-credit-cctype uc-credit-cctype-visa" typeof="Image" src="http://cooker.envato.tabvn.com/sites/all/modules/ubercart/payment/uc_credit/images/visa.gif" alt="Visa" /> <img class="uc-credit-cctype uc-credit-cctype-mastercard" typeof="Image" src="http://cooker.envato.tabvn.com/sites/all/modules/ubercart/payment/uc_credit/images/mastercard.gif" alt="MasterCard" /> <img class="uc-credit-cctype uc-credit-cctype-discover" typeof="Image" src="http://cooker.envato.tabvn.com/sites/all/modules/ubercart/payment/uc_credit/images/discover.gif" alt="Discover" /> <img class="uc-credit-cctype uc-credit-cctype-amex" typeof="Image" src="http://cooker.envato.tabvn.com/sites/all/modules/ubercart/payment/uc_credit/images/amex.gif" alt="American Express" /> <img class="uc-credit-cctype uc-credit-cctype-echeck" typeof="Image" src="http://cooker.envato.tabvn.com/sites/all/modules/ubercart/payment/uc_credit/images/echeck.gif" alt="eCheck" /> <img src="https://www.paypal.com/en_US/i/logo/PayPal_mark_37x23.gif" alt="PayPal" class="uc-credit-cctype" /></span> </label>

                                                </div>
                                            </div>
                                        </div>
                                        <div id="payment-details" class="clearfix payment-details-paypal_wps">继续完成付款结帐</div>
                                    </div>
                                </fieldset>
                                @*商品备注*@
                                <fieldset class="form-wrapper" id="comments-pane">
                                    <legend><span class="fieldset-legend">增加订单备注 </span></legend>
                                    <div class="fieldset-wrapper">
                                        <div class="fieldset-description">使用这个区域的特别指示或问题关于你的订单</div>
                                        <div class="form-item form-type-textarea form-item-panes-comments-comments">
                                            <div class="form-textarea-wrapper resizable"><textarea id="edit-panes-comments-comments" name="panes[comments][comments]" cols="60" rows="5" class="form-textarea"></textarea></div>
                                        </div>
                                    </div>
                                </fieldset>
                                <div class="form-actions form-wrapper" id="edit-actions">
                                <input type="submit" id="edit-cancel" name="op" value="取消" class="form-submit" /><input type="submit" id="edit-continue" name="op" value="提交订单" class="form-submit" /></div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @*右边模块*@
    <div id="sidebar-second" class="column sidebar right-content">
        <div class="section">
            <div class="region region-sidebar-second">
                @*电话热线*@
                <div id="block-block-3" class="block block-block">            
                    <div class="content">
                        <div class="call-us">
                            <span class="label">请拨打！！！</span><span class="pop phone">0800/ 567 345</span><span class="label">工作时间:</span><span class="pop">0-24h</span>
                        </div>
                    </div>
                </div>
                @*付款模块*@
                <div id="block-uc-cart-cart" class="block block-uc-cart">
                    <h2><span class="cart-block-title-bar">Cart</span></h2>
                    <div class="content">
                        <table class="cart-block-items"><tbody><tr class="odd"><td class="cart-block-item-qty">1 ×</td><td class="cart-block-item-title"><a href="/product/convallis-sit-amet-tellus">convallis sit amet tellus</a></td><td class="cart-block-item-price"><span class="uc-price">$16.45</span></td></tr></tbody></table><div class="cart-box">
                            <div class="body">
                                <ul>
                                    <li class="info">
                                        <span class="products"><strong><span class="num-items">1</span> 数量</strong></span>
                                    </li>
                                    <li class="price">
                                        <span class="label">小计</span>
                                        <span class="value"><span class="uc-price">$16.45</span></span>
                                    </li>
                                </ul><a class="submit-button" href="/cart/checkout">付款</a>
                                <div class="graphic"></div>
                            </div>
                        </div>
                    </div>
                </div>
                @*期货交易*@
                <div id="block-custom-sidebar-featured-meals" class="block block-custom">
                    <h2>期货交易</h2>
                    <div class="content">
                        <div class="featured-meals">
                            <div class="prev-next-buttons">
                                <a href="#" class="prev"></a>
                                <a href="#" class="next"></a>
                            </div>
                            <div class="block meal">
                                <ul>
                                    <li>
                                        <div class="image">
                                            <img typeof="foaf:Image" src="http://cooker.envato.tabvn.com/sites/default/files/styles/sidebar_featured_meals/public/walle.jpg" width="207" height="158" alt="" />
                                        </div>
                                        <h1>Phasellus ante erat</h1>
                                        <p>Vestibulum ut leo erat. Integer ac est at enim suscipit vulputate. Phasellus ant</p>
                                        <span class="price">$8.45</span>
                                        <div class="add-to-cart">
                                            <form action="/cart/checkout" method="post" id="uc-product-add-to-cart-form-4" accept-charset="UTF-8">
                                                <div>
                                                    <input type="hidden" name="qty" value="1" />
                                                    <input type="hidden" name="form_build_id" value="form-hCfmVILmISUulQUMCZOcKyUPIS94qManU6SqkHGONuY" />
                                                    <input type="hidden" name="form_id" value="uc_product_add_to_cart_form_4" />
                                                    <div class="form-actions form-wrapper" id="edit-actions--3"><input class="node-add-to-cart form-submit" type="submit" id="edit-submit-4" name="op" value="Add to cart" /></div>
                                                </div>
                                            </form>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="image">
                                            <img typeof="foaf:Image" src="http://cooker.envato.tabvn.com/sites/default/files/styles/sidebar_featured_meals/public/up.jpg" width="207" height="158" alt="" />
                                        </div>
                                        <h1>convallis sit amet tellus</h1>
                                        <p>Vestibulum ut leo erat. Integer ac est at enim suscipit vulputate. Phasellus ant</p>
                                        <span class="price">$16.45</span>
                                        <div class="add-to-cart">
                                            <form action="/cart/checkout" method="post" id="uc-product-add-to-cart-form-3" accept-charset="UTF-8">
                                                <div>
                                                    <input type="hidden" name="qty" value="1" />
                                                    <input type="hidden" name="form_build_id" value="form-703oX-1XIlTMRO5-MpzFJqeXOjrw2xP0BtlsNSfsJmA" />
                                                    <input type="hidden" name="form_id" value="uc_product_add_to_cart_form_3" />
                                                    <div class="form-actions form-wrapper" id="edit-actions--4"><input class="node-add-to-cart form-submit" type="submit" id="edit-submit-3" name="op" value="Add to cart" /></div>
                                                </div>
                                            </form>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="image">
                                            <img typeof="foaf:Image" src="http://cooker.envato.tabvn.com/sites/default/files/styles/sidebar_featured_meals/public/toystory.jpg" width="207" height="158" alt="" />
                                        </div>
                                        <h1>Mauris in nisl dolor</h1>
                                        <p>Vestibulum ut leo erat. Integer ac est at enim suscipit vulputate. Phasellus ant</p>
                                        <span class="price">$12.45</span>
                                        <div class="add-to-cart">
                                            <form action="/cart/checkout" method="post" id="uc-product-add-to-cart-form-2" accept-charset="UTF-8">
                                                <div>
                                                    <input type="hidden" name="qty" value="1" />
                                                    <input type="hidden" name="form_build_id" value="form-ECzjkQakqZ7pASRhqqkqi6UqpFkHdCTsoUxgstYiUVc" />
                                                    <input type="hidden" name="form_id" value="uc_product_add_to_cart_form_2" />
                                                    <div class="form-actions form-wrapper" id="edit-actions--5"><input class="node-add-to-cart form-submit" type="submit" id="edit-submit-2" name="op" value="Add to cart" /></div>
                                                </div>
                                            </form>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="image">
                                            <img typeof="foaf:Image" src="http://cooker.envato.tabvn.com/sites/default/files/styles/sidebar_featured_meals/public/meal-14.jpg" width="207" height="158" alt="" />
                                        </div>
                                        <h1>Fried potatoes</h1>
                                        <p>Vestibulum ut leo erat. Integer ac est at enim suscipit vulputate. Phasellus ant</p>
                                        <span class="price">$15.45</span>
                                        <div class="add-to-cart">
                                            <form action="/cart/checkout" method="post" id="uc-product-add-to-cart-form-1" accept-charset="UTF-8">
                                                <div>
                                                    <input type="hidden" name="qty" value="1" />
                                                    <input type="hidden" name="form_build_id" value="form-qxuCVNcCBXmEgZTaU3l5pml8Ikjw2iIKpR5ZfZGmgfE" />
                                                    <input type="hidden" name="form_id" value="uc_product_add_to_cart_form_1" />
                                                    <div class="form-actions form-wrapper" id="edit-actions--6"><input class="node-add-to-cart form-submit" type="submit" id="edit-submit-1" name="op" value="Add to cart" /></div>
                                                </div>
                                            </form>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> 
</div>
